﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="public/css/style_v2.css">
    <link rel="shortcut icon" type="image/x-icon" href="public/bookmarks/pic2.jpg">
    <title>Welcome Home</title>
</head>
<body>
    <div class="pagemask">
      <div class="item">
        <div>
          <div class="loading-18"><div></div><div></div></div>
          <p class="loadname">L O A D I N G....</p>
        </div>
      </div>
    </div>
    <div class="bdmask">
        <header>
            <div class="headline"><img src="" class="hpic"></div>
        </header> 
        <section class="search-body">
            <div class="search-eng">
                <div class="tip" data-state="0">
                    <img src="/public/images/baidu.png">
                </div>
                <div class="list">
                    <button class="choice" data-index="0"><img src="/public/images/baidu.png" width="100%"></button><br>
                    <button class="choice" data-index="1"><img src="/public/images/360.jpg" width="100%"></button><br>
                    <button class="choice" data-index="2"><img src="/public/images/bing.png" width="100%"></button><br>
                    <button class="choice" data-index="3"><img src="/public/images/sogou.jpg" width="100%"></button><br>
                    <button class="choice" data-index="4"><img src="/public/images/dogedoge.png" width="100%"></button>
                </div>
            </div>
            <form action="http://www.baidu.com/s" class="oForm" target="_blank">
                <input type="text" name="wd" class="search-content" autocomplete="off" required autofocus>
            </form>
            <div class="keywords">
                <ul>
                   
                </ul>
            </div>
        </section> 
    </div>

    <aside class="rside">
        <div class="backhome">
            <img src="/public/images/back.png" width="100%">
        </div>
        <div class="guideline">
            <div class="nav v1">
                <img src="/public/images/read.png"  title="阅读">
                <div class="bookmarks-box bk1">
                  {{each _bk1}}
                    <div class="bookmark" onclick="window.open('{{ $value.netaddr }}')">
                        <img src="{{ $value.picsrc }}">
                        <p>{{ $value.name }}</p>
                    </div>
                  {{/each}}
                </div>
            </div>
            <div class="nav v2">
                <img src="/public/images/entertainment.png" width="50px" title="娱乐">
                <div class="bookmarks-box bk2">
                  {{each _bk2}}
                  <div class="bookmark" onclick="window.open('{{ $value.netaddr }}')">
                      <img src="{{ $value.picsrc }}">
                      <p>{{ $value.name }}</p>
                  </div>
                  {{/each}}
                </div>
            </div>
            <div class="nav v3">
                <img src="/public/images/study.png" width="50px" title="研究">
                <div class="bookmarks-box bk3"> 
                  {{each _bk3}}
                  <div class="bookmark" onclick="window.open('{{ $value.netaddr }}')">
                      <img src="{{ $value.picsrc }}">
                      <p>{{ $value.name }}</p>
                  </div>
                  {{/each}}
                </div>
            </div>
            <div class="nav v4">
                <img src="/public/images/source.png" width="50px" title="工具、资源">
                <div class="bookmarks-box bk4">
                  {{each _bk4}}
                  <div class="bookmark" onclick="window.open('{{ $value.netaddr }}')">
                      <img src="{{ $value.picsrc }}">
                      <p>{{ $value.name }}</p>
                  </div>
                  {{/each}}
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="version" onselectstart="return false;">
                <br>
                <a href="#">第一版</a>
                <a href="#">第二版</a>
                <a href="#">第三版</a>
                <br><br>
                <p>LZW<hr>design</p>
            </div>
        </div>
    </aside>
    <div class="addition">
        <ul class="rightMenu">
            <li><a href="https://cn.bing.com/dict/" target="_blank">bing词典</a></li>
            <li><a href="https://www.cupfox.com/" target="_blank">CupFox</a></li>
            <li><a href="https://www.houdunren.com/" target="_blank">后盾人</a></li>
            <li><a href="https://feedly.com/i/my" target="_blank">feedly</a></li>
        </ul>
        <!-- Description: diy 窗口 -->
        <div class="diy" title="自定义">
        </div>
        <div class="diybox">
            <div class="cont">
                <div class="cont_box wp"><p>壁纸</p></div>
                <div class="cont_box upbk"><p>更新书签</p></div>
            </div>
            <div class="d_downbtn">
              <div class="assure">保存更改</div>
              <div class="cancel">退出</div>
          </div>
          <div class="diybox_mask"></div>
        </div>
        <div class="bk_wd"  onselectstart="return false;">
            <div class="bk_wd_cont">
                <p>名称</p><input type="text" class="bk_name"><br>
            </div>
            <div class="bk_wd_cont">
                <p>网址</p><input type="text" class="bk_url" value="http://"><br>
            </div>
            <div class="bk_wd_cont">
                <p>图片链接</p><input type="text" class="bk_img"><br>
            </div>
            <div class="bk_wd_cont">
                <p>类别</p>
                <select class="bk_category">
                    <option value="v1">阅读</option>
                    <option value="v2" selected>娱乐</option>
                    <option value="v3">研究</option>
                    <option value="v4">资源</option>
                </select>
            </div>
            <div class="bk_wd_cont">
                <input type="button" value="保存" class="bk_keep">
                <input type="button" value="放弃修改" class="bk_discard">
            </div>
            <div class="bk_wd_mask"></div>
        </div>
    </div>
    <script src="/public/js/main.js"></script>
</body>
</html>